<template>
  <view>
    <movable-area>
      <movable-view :x="x" :y="y" class="navi" direction="all">
        <view class="shopro-float-btn">
          <button open-type="contact" class="wechat-btn u-reset-button" show-message-card="true">
            <image class="wechat_img" src="/static/images/services.png"></image>
            <view class="wechat_tit">客服</view>
          </button>
        </view>
      </movable-view>
    </movable-area>
  </view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
      x: 0,
      y: 250,
		};
	},
	props: {},
	computed: {

	},
	created() {

  },
	methods: {

	}
};
</script>

<style lang="scss">
movable-area{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100vh;
  width: 100%;
  background-color: transparent;
  overflow: hidden;
  pointer-events: none;
}
movable-view{
  height: 140rpx;
  width: 80rpx;
  pointer-events: auto;
}
.shopro-float-btn {
	.wechat-btn {
		background-color:#bebebe;
		border-radius: 50%;
    opacity: 0.6;
    padding: 0;
    width: 100rpx;
    height: 100rpx;
    &:after{
      display: none;
    }
		.wechat_img {
			width: 50rpx;
			height: 50rpx;
      margin-top: 10rpx;
		}
    .wechat_tit{
      font-size: 21rpx;
      margin-top: -7rpx;
      text-align: center;
      color: #444;
    }
	}
}
</style>
